html{
    width:100%;
    background:#ffffff;
    font-size:0px;
}
ul,li{
    list-style:none;
}
body{
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    margin:0;
    padding:0;
}
input,button,select,textarea{ outline:none;}
textarea{resize:none;}
#main{
    width:100%;
    padding:0;
    margin:0;
    height:100%;
    overflow: hidden;
}
.kefu_img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid;
    float: left;
    overflow: hidden;
    margin-left: 12px;
    margin-top: 14px;
}
.home_img{
    width: 40px;
    height: 40px;
    float: left;
    overflow: hidden;
    margin-top: 14px;
    float: right;
    margin-right: 10px;
}

.kehu_img{
   width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid;
    float: left;
    overflow: hidden;
    margin-left: 12px;
    margin-top: 14px;
}
.kefu_img img{
   width:100%;
    
}
.home_img img{
   width:100%;
    
}
.confirm{
    width: 16px;
    height: 16px;
    position: absolute;
    top: 42px;
    left: 42px;
    font-size: 16px;
    background: #74C310;
    border-radius: 50%;
    line-height: 16px;
    text-align: center;
    color: white;
    font-weight: bold;
}
.custorm_ser{
    float: left;
    font-size: 18px;
    margin-left: 8px;
    margin-top: 30px;
    font-weight: bold;
}
.kefu_img img,.kehu_img img{
    width: 100%;
    height: 100%;
}
.home_img img,.kehu_img img{
    width: 100%;
    height: 100%;
}
.custom_name{
    margin-left: 10px;
    font-size: 16px;
    width: 100px;
    float: left;
}

#frmrightbodyleft {
    /*width: 22%;*/
    width: 28%;
    height: 90%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* overflow-y: scroll; */
    min-width: 200px;
    margin-left: 10px;
}
#frmrightbodyleft .lefttitle{
    height: 76px;
    border: 1px solid #939393;
    width: 100%;
    background: #f2f2f7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#frmrightbodyleft  .online{
    width: 100%;
    height: 34px;
    line-height: 34px;
    background: #f3f3f3;
    border-left: 1px solid #939393;
    border-right: 1px solid #939393;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
}
 #frmrightbodyleft  .online .online_img{
     padding: 0;
    width: 100%;
    height: 100%;
   box-sizing:border-box;
}
#frmrightbodyleft .online  .li1,.li2{
    width: 50%;
    height:100%;
    float:left;
    display:block;
    box-sizing: border-box;
}


#frmrightbodyleft .count{
    width: 100%;
    height: 98%;
    border: 1px solid #939393;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow-y: scroll;
}
#frmrightbodyright{
    /*width: 58%;*/
    /* height: 1273px; */
    width: 71%;
    height: 98%;
    border-top: 1px solid #939393;
    /* border-right: 1px solid #939393; */
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 12px;
}
 #frmrightbodyright .righttitle{
    height: 75px;
    line-height: 75px;
    border-bottom: 1px solid #939393;
    border-right: 1px solid #939393;
     width: 100.1%;
    background: #f2f2f7;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
 #frmrightbodyright .righttitle button{
    float: right;
    margin-right: 20px;
    margin-top: 18px;
    height: 32px;
    border-radius: 4px;
 }
 #frmrightbodyright #rightcontent{
    /*width: 99.9%;*/
    width: 100%;
    height: 75%;           
    border-bottom: 1px solid #939393;
    border-right: 1px solid #939393;
    overflow-x: hidden;
 }

/*回复列表*/
.huifu_list{
    text-align: right;
    margin-top:1%;
    margin-bottom: 1%;
}
.huifu_list_wenzi{
    background: #aae8ff;
    display: inline-block;
    line-height: 20px;
    max-width: 70%;
    vertical-align: middle;
    padding: 1%;
    text-align: left;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    word-wrap: break-word;
    margin-right: 8px;
}
.huifu_time_name {
    position: relative;
    right: 69px;
    margin-bottom: 2px;
}
.huifu_list_img{
    display: inline;
    margin-right: 1.5%;
}
.huifu_list_img img {
    width: 42px;
    height: 42px;
    vertical-align: top;
    border-radius:50%; 
    overflow:hidden;
}
/*客户问题*/
 .add{
    padding: 1% 0 1%;
}
.add_img {
    display: inline;
}
.add_img img{
    width: 42px;
    height: 42px;
    vertical-align: top;
    border-radius:50%;
    margin-left: 8px;
}
.time_name{
    position: relative;
    left: 54px;
    margin-bottom: 2px;
}
 .add_wenju{
    background:#D7D7D7; 
    display: inline-block; 
    max-width: 60%;
    line-height: 20px;
    vertical-align: middle;
    padding: 1%;
    margin-left: 1%;
    border: 1px solid #e9e9e9;
    z-index: 1;
    border-radius: 8px;
    word-wrap: break-word;
   }


 #frmrightbodyright .foot{
    width: 100%;
    height: 30%;
    /*border-bottom: 1px solid #939393;*/
    border-right: 1px solid #939393;
     position: relative;
 } 
 #frmrightbodyright .foot #text{
     overflow: auto;
     width: 98.6%;
     height: 110px;
     color: #000;
     border-style: solid;
     font-size: 12px;
     border: none;
     outline: none;
 }
 #frmrightbodyright .foot .send{
     width: 130px;
    padding: 8px;
    border-radius: 6px;
    background-color: #169BD5; 
    float: right;
    margin-right: 2px; 
    /*text-align: 25px;*/
    font-size: 16px;
    color: #ffffff;
     position: absolute;
     top: 36%;
     right: 20px;
 }
#frmrightbodyright .account{
    width: 100%;
    height: 95%;
    border-bottom: 1px solid #939393;
    border-right: 1px solid #939393;
    overflow: auto;
}
#frmrightbodyright .account .acontent{
    width: 100%;
    position: relative;
}
#frmrightbodyright .account .remark{
    width:100%;
    height: 90%;
}
#frmrightbodyright .account .remark .add{
    width: 40px;
    padding: 20px;
    float: right;
    margin-right: 64px;
    margin-top: 64px;
}
#frmrightbodyright .account .remark .add .add_1 {
    display:block;
    width: 40px;
    height: 2px;
    background:#169BD5;
}
#frmrightbodyright .account .remark .add .add_2 {
    display: block;
    width: 2px;
    height: 40px;
    margin-left: 20px;
    margin-top: -20px;
    background: #169BD5;
}
#frmrightbodyright .account .remark .list-item{
    width: 100%;
    
    margin-left: 14px;
    font-size: 20px;
    float: left;
    display:inline-block;
    margin-bottom: 12px;
}
#frmrightbodyright .account .remark .list-item .comment{
    width:100%;
    position:relative;
}
#frmrightbodyright .account .remark .list-item .comment button{
    width: 76px;
    height: 46px;
    float: right;
    margin-right: 126px;
}
#frmrightbodyright .account .remark .list-item .comment span{
    width: 66%;
    display: inline-block;
    margin-top: 10px;
}

#frmrightbodyright .account .remark .list-item .comment button:last-child{
   float: right;
   margin-right: -171px;
}
#frmrightbodyright .account .acontent button{
    width: 120px;
    padding:14px;
    margin: 10px;
    border-radius: 8px;
    background: none;
    border-style: none;
}
#frmrightbodyright .account .acontent .infor{
    margin-left: -5px;
    border:1px solid #939393;
}
#frmrightbodyright .account .acontent .basic{
    border:1px solid #939393;
}
#frmrightbodyright .account .acontent .back{
    background-color: #169BD5;
    width: 88px;
    padding: 14px;
    text-align: center;
    border-radius: 8px;
    position: absolute;
    left: 1px;
    top: 2px;
    
}
#frmrightbodyright .account .acontent ul{
    margin-left: 120px;
    position: absolute;
}
#frmrightbodyright .account .acontent li{
    width: 65px;
    padding: 14px;
    text-align: center;
    border-radius: 8px;
    float:left;
    margin-right:12px;
}
.information{
    width: 100%;
    /*height: 60%;*/
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.information .item{
    width: 45%;
    font-size: 14px;
    margin-left: 10px;
    margin-bottom: 20px;
}
.information .item1,.information .item2{
    margin-top: 88px;
}
#frmrightbodyright .history{
     width: 100%;
     height: 95%;
    border-bottom: 1px solid #939393;
}

.logo{
    float:left;
    display: inline-block;
    width: 38px;
    height: 38px;
    border: 1px solid #939393;
    border-radius: 50%;
    margin-left: 5%;
    margin-top: 15px;
    overflow: hidden;
}
.lmg{
    width: 100%;
    height: 100%;
}
.his_box{
    height: 65px;
    border-bottom: 1px solid #939393;
    background: white;
    position: relative;
}

/*.his_box > div{*/
    /*float:left;*/
/*}*/
.his_box:hover .his_cancel{
    display:block;
}
.his_name{
    float:left;
    margin-top: 20px;
    margin-left: 8%;
    font-size:14px;
}
.his_cancel{
     float:right;
     margin-top: 24px;
     margin-right: 8%;
     display:none;
}
.text_num{
    float: left;
    width: 18px;
    height: 18px;
    background: red;
    border-radius: 50%;
    font-size: 12px;
    color: white;
    text-align: center;
    line-height: 18px;
    font-weight: bold;
    margin-top: 14px;
    margin-left: -10px;
}

.text_shodow{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: black;
    opacity: 0.5;
    position: absolute;
    top: 15px;
    margin-left: 5%;
}
.active{
    background:#EEEEED;
    border-bottom:1px solid #00CCCC;
}
.information #item11{
    width:100%;
}

#addUser,#delUser{
    display: block;
    position: fixed;
    top: 300px;
    left: 30%;
    z-index: 10;
    width: 400px;
    height: 200px;
    border: 1px solid #999;
}

#content{
    background: url(../../frame/skins/sky/form/textarea_bg.jpg) repeat-x scroll left top #fff;
    overflow: auto;
    width: 350px;
    height: 108px;
    color: #000;
    border-color: #a2b3bd;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    margin-left: 22px;
    position: relative;
    top: -14px;
}

#userTable {
    margin: auto;
    margin-top: 30px;
}

#_DialogDiv_0{
    position: fixed;
    left: 289px;
    top: 304px;
    z-index: 901;

}
#_DialogTable_0{
    font-size:12px;
    line-height:1.4;
    border-collapse: collapse;
}
#_Draghandle_0{
    -moz-user-select: -moz-none;
    cursor: move;
}
#alert_p,#delalert_p{
    font-size: 10px;
    background: url(../../frame/js/attention/zDialog/skins/blue/dialog_ct.gif);
    height: 30px;
    position: relative;
    top: -19px;
    line-height: 36px;
    text-indent: 10px;
}
#alert_p1{
    font-size: 14px;
    width: 28%;
    float: left;
    text-align: center;
    line-height: 65px;
}
#x,#delx{
    height: 20px;
    position: relative;
    top: -52px;

    left: 372px;
   background: url(../../frame/js/attention/zDialog/skins/blue/dialog_closebtn.gif) no-repeat;
}
#suc{
    font-size: 14px;
    height: 34px;
    line-height: 34px;
}